<template>
<div class="box2">
  {{ value }}

 <div>
 
  {{ value2 }}
 </div>

  <button @click="update">修改</button>
</div>
</template>
<script setup lang='ts'> 
 import {ref,reactive,defineModel} from 'vue';
 
 const value=  defineModel();

 const value2=  defineModel("title");

 const update=()=>{
    value.value="李四";

    value2.value="你好世界"
 }

</script>
<style scoped lang='less'>
.box2{
    width: 100%;
    height: 200px;
    background: yellow;
}
</style>